<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/ys.css"/>
	</head>
<body>
<!-- 头部 -->
	<header></header>
<!-- 右侧边栏 -->
	<aside></aside>
<!-- 轮播图 -->
	<div id="banner">
		<div id="banner-categord">
	<!-- 列表 -->
			<div id="banner-categord-left">
				<ul>
					<li>
						<a href="list.html">电 视<i><span class="iconfont icon-xiangyoujiantou"></span></i></a>
						<div class="banner-categord-left-yc">
							0
						</div>
					</li>
					<li>
						<a href="">冰 箱<i><span class="iconfont icon-xiangyoujiantou"></span></i></a>
						<div class="banner-categord-left-yc">
							10
						</div>
					</li>
					<li>
						<a href="">洗衣机<i><span class="iconfont icon-xiangyoujiantou"></span></i></a>
						<div class="banner-categord-left-yc">
						1
						</div>
					</li>
				
					<li>
						<a href="">生活电器<i><span class="iconfont icon-xiangyoujiantou"></span></i></a>
						<div class="banner-categord-left-yc">
						2
						</div>
					</li>
				
					<li>
						<a href="">厨房电器<i><span class="iconfont icon-xiangyoujiantou"></span></i></a>
						<div class="banner-categord-left-yc">
						3
						</div>
					</li>
				
					<li>
						<a href="">文创周边<i><span class="iconfont icon-xiangyoujiantou"></span></i></a>
						<div class="banner-categord-left-yc">
						4
						</div>
					</li>
				
					<li>
						<a href="">K迷优品<i><span class="iconfont icon-xiangyoujiantou"></span></i></a>
						<div class="banner-categord-left-yc">
						5
						</div>
					</li>
				
					<li>
						<a href="">周边配件<i><span class="iconfont icon-xiangyoujiantou"></span></i></a>
						<div class="banner-categord-left-yc">
						6
						</div>
					</li>
				
					<li>
						<a href="">全屋套购<i><span class="iconfont icon-xiangyoujiantou"></span></i></a>
						<div class="banner-categord-left-yc">
						7
						</div>
					</li>
				
				</ul>
			</div>
		</div>
		<!-- 轮播图实现 -->
		<div id="box">
			<!-- 图片区域 -->
			<ol
			 class="box-center">
				<li><a href=""><img src="img/LB/4.jpg" ></a></li>
				<li><a href=""><img src="img/LB/0.jpg" ></a></li>
				<li><a href=""><img src="img/LB/1.jpg" ></a></li>
				<li><a href=""><img src="img/LB/2.jpg" ></a></li>
				<li><a href=""><img src="img/LB/3.jpg" ></a></li>
				<li><a href=""><img src="img/LB/4.jpg" ></a></li>
				<li><a href=""><img src="img/LB/0.jpg" ></a></li>
			</ol>
			<!-- 左右切换图片 -->
			<div id="box1">
				<span class="iconfont icon-xiangzuo"></span>
			</div>
			<div id="box2">
				<span class="iconfont icon-xiangzuo"></span>
			</div>
			<!-- 切换界面 -->
			<ul class="box-bottom">
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>
		</div>
	</div>
	<!-- 明星产业 -->
	<div id="hgroup">
		<div id="hgroup-top">
				<ul>
					<li>
						<a href="">
							<img src="img/MingXing/t.png" >
							<p>积分商城</p>
						</a>
					</li>
					<li>
						<a href="">
							<img src="img/MingXing/t1.png" >
							<p>限时抢购</p>
						</a>
					</li>
					<li>
						<a href="">
							<img src="img/MingXing/t2.png" >
							<p>领卷中心</p>
						</a>
					</li>
					<li>
						<a href="">
							<img src="img/MingXing/t3.png" >
							<p>康佳新闻</p>
						</a>
					</li>
					<li>
						<a href="">
							<img src="img/MingXing/t4.png" >
							<p>大宗采购</p>
						</a>
					</li>
					<li>
						<a href="">
							<img src="img/MingXing/t5.png" >
							<p>加入康佳</p>
						</a>
					</li>
				</ul>
			<a href=""><img src="img/MingXing/tu.jpg" ></a>
			<a href=""><img src="img/MingXing/tp1.jpg" ></a>
			<a href=""><img src="img/MingXing/tp2.jpg" ></a>
		</div>
		<div id="hgroup-bottom">
<!-- 明星产品头部 -->
			<h3 id="">
				<img src="img/MingXing/bf574f9eeaa0371ea1f625627f9cc03e72b2a806.png" >
				<a href=""><p>明星产品</p></a>
				<span class="iconfont icon-xiangzuo dj"></span>
				<span class="iconfont icon-xiangzuo dj1"></span>
			</h3>
			<!-- 明星产品内容 -->
			<div class="hgroup-bottom-buttom">
				<div id="hgroup-bottom-buttom-center" class="mx">
				</div>
			</div>
		</div>
	</div>
<!-- 电视、冰箱、洗衣机、生活电器、厨房电器、智能硬件、智能家居 -->
	<div id="main">
		<div id="main-center">
			<div id="television">
<!-- 电视 -->
				<h3>
					<div class="main-center-left">
						<img src="img/main/c83d470d54d6effc118b77b9ee913e19288cb98c.png" >
						<a href=""><span>电视</span></a>
					</div>
					
					<ul>
						<li>
							<a href="">全面屏</a>
							<span>/</span>
							<a href="">超薄</a>
							<span>/</span>
							<a href="">智能</a>
							<span>/</span>
							<a href="">商用</a>
							<span>/</span>
							<a href="">更多</a>
							<span>&gt;&gt;</span>
						</li>
					</ul>
				</h3>
				<!-- 电视图片 -->
				<a href=""><img src="img/main/abl.jpg" ></a>
				<!-- 电视商品 -->
				<div class="main-center-bottom" id="ds">
				</div>
			</div>
<!-- 冰箱 -->
			<div id="refrigerator">
				<!-- 冰箱头部 -->
				<h3>
					<div class="main-center-left">
						<img src="img/main/c83d470d54d6effc118b77b9ee913e19288cb98c.png" >
						<a href=""><span>冰箱</span></a>
					</div>
					
					<ul>
						<li>
							<a href="">全面屏</a>
							<span>/</span>
							<a href="">超薄</a>
							<span>/</span>
							<a href="">智能</a>
							<span>/</span>
							<a href="">商用</a>
							<span>/</span>
							<a href="">更多</a>
							<span>&gt;&gt;</span>
						</li>
					</ul>
				</h3>
				<!-- 冰箱图片 -->
				<a href=""><img src="img/main/abl.jpg" ></a>
				<!-- 冰箱商品 -->
				<div class="main-center-bottom">
					<dl>
						<dt>
							<a href=""><img src="img/main/6de699592521e6c849aef3a18ded371b2f42e699.jpg" ></a>
							</dt>
						<dd>
							<h4>55英寸免遥控远场语音电视</h4>
							<p>3GB+64GB大内存/全景AI</p>
							<div class="main-center-bottom-d">
								￥2899.00  
								<span>￥3999.00</span>
							</div>
						</dd>
					</dl>
					<dl>
						<dt>
							<a href=""><img src="img/main/d439bdb4b467ac02f348b9d2c833037c3a754623.jpg" ></a>
							</dt>
						<dd>
							<h4>98英寸4K超高清智能电视</h4>
							<p>帝王黑金属机身 / 远场语音</p>
							<div class="main-center-bottom-d">
								￥99999.00  
								<span>￥129999.00</span>
							</div>
						</dd>
					</dl>
					<dl>
						<dt>
							<a href=""><img src="img/MingXing/353bb58c59c20a4c558e4584ec4679c23892e134.png" ></a>
							</dt>
						<dd>
							<h4>450升十字对开门</h4>
							<p>一级能效 / 风冷无霜</p>
							<div class="main-center-bottom-d">
								￥2799.00  
								<span> ￥2999.00</span>
							</div>
						</dd>
					</dl>
					<dl>
						<dt>
							<a href=""><img src="img/MingXing/3bbef85f22faebb63b5fed301f6b138e50d35fba.jpg" ></a>
							</dt>
						<dd>
							<h4>75英寸4K远场语音电视</h4>
							<p>超薄全面屏 / 声控物联</p>
							<div class="main-center-bottom-d">
								￥4699.00 
								<span>￥5999.00</span>
							</div>
						</dd>
					</dl>
					<dl>
						<dt>
							<a href=""><img src="img/MingXing/3bbef85f22faebb63b5fed301f6b138e50d35fba.jpg" ></a>
							</dt>
						<dd>
							<h4>75英寸4K远场语音电视</h4>
							<p>超薄全面屏 / 声控物联</p>
							<div class="main-center-bottom-d">
								￥4699.00 
								<span>￥5999.00</span>
							</div>
						</dd>
					</dl>
					<dl>
						<dt>
							<a href=""><img src="img/MingXing/3bbef85f22faebb63b5fed301f6b138e50d35fba.jpg" ></a>
							</dt>
						<dd>
							<h4>75英寸4K远场语音电视</h4>
							<p>超薄全面屏 / 声控物联</p>
							<div class="main-center-bottom-d">
								￥4699.00 
								<span>￥5999.00</span>
							</div>
						</dd>
					</dl>
					<dl>
						<dt>
							<a href=""><img src="img/MingXing/3bbef85f22faebb63b5fed301f6b138e50d35fba.jpg" ></a>
							</dt>
						<dd>
							<h4>75英寸4K远场语音电视</h4>
							<p>超薄全面屏 / 声控物联</p>
							<div class="main-center-bottom-d">
								￥4699.00 
								<span>￥5999.00</span>
							</div>
						</dd>
					</dl>
					<dl>
						<dt>
							<a href=""><img src="img/MingXing/3bbef85f22faebb63b5fed301f6b138e50d35fba.jpg" ></a>
							</dt>
						<dd>
							<h4>75英寸4K远场语音电视</h4>
							<p>超薄全面屏 / 声控物联</p>
							<div class="main-center-bottom-d">
								￥4699.00 
								<span>￥5999.00</span>
							</div>
						</dd>
					</dl>
				</div>
			</div>
<!-- 洗衣机 -->
			<div id="washing">
				<!-- 洗衣机头部 -->
				<h3>
					<div class="main-center-left">
						<img src="img/main/c83d470d54d6effc118b77b9ee913e19288cb98c.png" >
						<a href=""><span>洗衣机</span></a>
					</div>
					
					<ul>
						<li>
							<a href="">全面屏</a>
							<span>/</span>
							<a href="">超薄</a>
							<span>/</span>
							<a href="">智能</a>
							<span>/</span>
							<a href="">商用</a>
							<span>/</span>
							<a href="">更多</a>
							<span>&gt;&gt;</span>
						</li>
					</ul>
				</h3>
				<!-- 洗衣机图片 -->
				<a href=""><img src="img/main/abl.jpg" ></a>
				<!-- 洗衣机商品 -->
				<div class="main-center-bottom">
					<dl>
						<dt>
							<a href=""><img src="img/main/6de699592521e6c849aef3a18ded371b2f42e699.jpg" ></a>
							</dt>
						<dd>
							<h4>55英寸免遥控远场语音电视</h4>
							<p>3GB+64GB大内存/全景AI</p>
							<div class="main-center-bottom-d">
								￥2899.00  
								<span>￥3999.00</span>
							</div>
						</dd>
					</dl>
					<dl>
						<dt>
							<a href=""><img src="img/main/d439bdb4b467ac02f348b9d2c833037c3a754623.jpg" ></a>
							</dt>
						<dd>
							<h4>98英寸4K超高清智能电视</h4>
							<p>帝王黑金属机身 / 远场语音</p>
							<div class="main-center-bottom-d">
								￥99999.00  
								<span>￥129999.00</span>
							</div>
						</dd>
					</dl>
					<dl>
						<dt>
							<a href=""><img src="img/MingXing/353bb58c59c20a4c558e4584ec4679c23892e134.png" ></a>
							</dt>
						<dd>
							<h4>450升十字对开门</h4>
							<p>一级能效 / 风冷无霜</p>
							<div class="main-center-bottom-d">
								￥2799.00  
								<span> ￥2999.00</span>
							</div>
						</dd>
					</dl>
					<dl>
						<dt>
							<a href=""><img src="img/MingXing/3bbef85f22faebb63b5fed301f6b138e50d35fba.jpg" ></a>
							</dt>
						<dd>
							<h4>75英寸4K远场语音电视</h4>
							<p>超薄全面屏 / 声控物联</p>
							<div class="main-center-bottom-d">
								￥4699.00 
								<span>￥5999.00</span>
							</div>
						</dd>
					</dl>
				</div>
			</div>
<!-- 生活电器 -->
			<div id="appliance">
				<!-- 生活电器头部 -->
				<h3>
					<div class="main-center-left">
						<img src="img/main/c83d470d54d6effc118b77b9ee913e19288cb98c.png" >
						<a href=""><span>生活电器</span></a>
					</div>
					
					<ul>
						<li>
							<a href="">全面屏</a>
							<span>/</span>
							<a href="">超薄</a>
							<span>/</span>
							<a href="">智能</a>
							<span>/</span>
							<a href="">商用</a>
							<span>/</span>
							<a href="">更多</a>
							<span>&gt;&gt;</span>
						</li>
					</ul>
				</h3>
				<!-- 生活电器图片 -->
				<a href=""><img src="img/main/abl.jpg" ></a>
				<!-- 生活电器商品 -->
				<div class="main-center-bottom">
					<dl>
						<dt>
							<a href=""><img src="img/main/6de699592521e6c849aef3a18ded371b2f42e699.jpg" ></a>
							</dt>
						<dd>
							<h4>55英寸免遥控远场语音电视</h4>
							<p>3GB+64GB大内存/全景AI</p>
							<div class="main-center-bottom-d">
								￥2899.00  
								<span>￥3999.00</span>
							</div>
						</dd>
					</dl>
					<dl>
						<dt>
							<a href=""><img src="img/main/d439bdb4b467ac02f348b9d2c833037c3a754623.jpg" ></a>
							</dt>
						<dd>
							<h4>98英寸4K超高清智能电视</h4>
							<p>帝王黑金属机身 / 远场语音</p>
							<div class="main-center-bottom-d">
								￥99999.00  
								<span>￥129999.00</span>
							</div>
						</dd>
					</dl>
					<dl>
						<dt>
							<a href=""><img src="img/MingXing/353bb58c59c20a4c558e4584ec4679c23892e134.png" ></a>
							</dt>
						<dd>
							<h4>450升十字对开门</h4>
							<p>一级能效 / 风冷无霜</p>
							<div class="main-center-bottom-d">
								￥2799.00  
								<span> ￥2999.00</span>
							</div>
						</dd>
					</dl>
					<dl>
						<dt>
							<a href=""><img src="img/MingXing/3bbef85f22faebb63b5fed301f6b138e50d35fba.jpg" ></a>
							</dt>
						<dd>
							<h4>75英寸4K远场语音电视</h4>
							<p>超薄全面屏 / 声控物联</p>
							<div class="main-center-bottom-d">
								￥4699.00 
								<span>￥5999.00</span>
							</div>
						</dd>
					</dl>
				</div>
			</div>
<!-- 厨房电器 -->
			<div id="kitchen">
				<!-- 厨房电器头部 -->
				<h3>
					<div class="main-center-left">
						<img src="img/main/c83d470d54d6effc118b77b9ee913e19288cb98c.png" >
						<a href=""><span>厨房电器</span></a>
					</div>
					
					<ul>
						<li>
							<a href="">全面屏</a>
							<span>/</span>
							<a href="">超薄</a>
							<span>/</span>
							<a href="">智能</a>
							<span>/</span>
							<a href="">商用</a>
							<span>/</span>
							<a href="">更多</a>
							<span>&gt;&gt;</span>
						</li>
					</ul>
				</h3>
				<!-- 生活电器图片 -->
				<a href=""><img src="img/main/abl.jpg" ></a>
				<!-- 生活电器商品 -->
				<div class="main-center-bottom">
					<dl>
						<dt>
							<a href=""><img src="img/main/6de699592521e6c849aef3a18ded371b2f42e699.jpg" ></a>
							</dt>
						<dd>
							<h4>55英寸免遥控远场语音电视</h4>
							<p>3GB+64GB大内存/全景AI</p>
							<div class="main-center-bottom-d">
								￥2899.00  
								<span>￥3999.00</span>
							</div>
						</dd>
					</dl>
					<dl>
						<dt>
							<a href=""><img src="img/main/d439bdb4b467ac02f348b9d2c833037c3a754623.jpg" ></a>
							</dt>
						<dd>
							<h4>98英寸4K超高清智能电视</h4>
							<p>帝王黑金属机身 / 远场语音</p>
							<div class="main-center-bottom-d">
								￥99999.00  
								<span>￥129999.00</span>
							</div>
						</dd>
					</dl>
					<dl>
						<dt>
							<a href=""><img src="img/MingXing/353bb58c59c20a4c558e4584ec4679c23892e134.png" ></a>
							</dt>
						<dd>
							<h4>450升十字对开门</h4>
							<p>一级能效 / 风冷无霜</p>
							<div class="main-center-bottom-d">
								￥2799.00  
								<span> ￥2999.00</span>
							</div>
						</dd>
					</dl>
					<dl>
						<dt>
							<a href=""><img src="img/MingXing/3bbef85f22faebb63b5fed301f6b138e50d35fba.jpg" ></a>
							</dt>
						<dd>
							<h4>75英寸4K远场语音电视</h4>
							<p>超薄全面屏 / 声控物联</p>
							<div class="main-center-bottom-d">
								￥4699.00 
								<span>￥5999.00</span>
							</div>
						</dd>
					</dl>
				</div>
			</div>
<!-- 智能硬件 -->
			<div id="hardware">
				<!-- 智能硬件头部 -->
				<h3>
					<div class="main-center-left">
						<img src="img/main/c83d470d54d6effc118b77b9ee913e19288cb98c.png" >
						<a href=""><span>智能周边</span></a>
					</div>
					
					<ul>
						<li>
							<a href="">全面屏</a>
							<span>/</span>
							<a href="">超薄</a>
							<span>/</span>
							<a href="">智能</a>
							<span>/</span>
							<a href="">商用</a>
							<span>/</span>
							<a href="">更多</a>
							<span>&gt;&gt;</span>
						</li>
					</ul>
				</h3>
				<!-- 智能硬件图片 -->
				<a href=""><img src="img/main/abl.jpg" ></a>
				<!-- 智能硬件商品 -->
				<div class="main-center-bottom">
					<dl>
						<dt>
							<a href=""><img src="img/main/6de699592521e6c849aef3a18ded371b2f42e699.jpg" ></a>
							</dt>
						<dd>
							<h4>55英寸免遥控远场语音电视</h4>
							<p>3GB+64GB大内存/全景AI</p>
							<div class="main-center-bottom-d">
								￥2899.00  
								<span>￥3999.00</span>
							</div>
						</dd>
					</dl>
					<dl>
						<dt>
							<a href=""><img src="img/main/d439bdb4b467ac02f348b9d2c833037c3a754623.jpg" ></a>
							</dt>
						<dd>
							<h4>98英寸4K超高清智能电视</h4>
							<p>帝王黑金属机身 / 远场语音</p>
							<div class="main-center-bottom-d">
								￥99999.00  
								<span>￥129999.00</span>
							</div>
						</dd>
					</dl>
					<dl>
						<dt>
							<a href=""><img src="img/MingXing/353bb58c59c20a4c558e4584ec4679c23892e134.png" ></a>
							</dt>
						<dd>
							<h4>450升十字对开门</h4>
							<p>一级能效 / 风冷无霜</p>
							<div class="main-center-bottom-d">
								￥2799.00  
								<span> ￥2999.00</span>
							</div>
						</dd>
					</dl>
					<dl>
						<dt>
							<a href=""><img src="img/MingXing/3bbef85f22faebb63b5fed301f6b138e50d35fba.jpg" ></a>
							</dt>
						<dd>
							<h4>75英寸4K远场语音电视</h4>
							<p>超薄全面屏 / 声控物联</p>
							<div class="main-center-bottom-d">
								￥4699.00 
								<span>￥5999.00</span>
							</div>
						</dd>
					</dl>
				</div>
			</div>
<!-- 智能家居 -->
			<div id="smartHome">
				<!-- 智能家居头部 -->
				<h3>
					<div class="main-center-left">
						<img src="img/main/c83d470d54d6effc118b77b9ee913e19288cb98c.png" >
						<a href=""><span>智能家具</span></a>
					</div>
					
					<ul>
						<li>
							<a href="">全面屏</a>
							<span>/</span>
							<a href="">超薄</a>
							<span>/</span>
							<a href="">智能</a>
							<span>/</span>
							<a href="">商用</a>
							<span>/</span>
							<a href="">更多</a>
							<span>&gt;&gt;</span>
						</li>
					</ul>
				</h3>
				<!-- 智能家居图片 -->
				<a href=""><img src="img/main/abl.jpg" ></a>
				<!-- 智能家居商品 -->
				<div class="main-center-bottom">
					<dl>
						<dt>
							<a href=""><img src="img/main/6de699592521e6c849aef3a18ded371b2f42e699.jpg" ></a>
							</dt>
						<dd>
							<h4>55英寸免遥控远场语音电视</h4>
							<p>3GB+64GB大内存/全景AI</p>
							<div class="main-center-bottom-d">
								￥2899.00  
								<span>￥3999.00</span>
							</div>
						</dd>
					</dl>
					<dl>
						<dt>
							<a href=""><img src="img/main/d439bdb4b467ac02f348b9d2c833037c3a754623.jpg" ></a>
							</dt>
						<dd>
							<h4>98英寸4K超高清智能电视</h4>
							<p>帝王黑金属机身 / 远场语音</p>
							<div class="main-center-bottom-d">
								￥99999.00  
								<span>￥129999.00</span>
							</div>
						</dd>
					</dl>
					<dl>
						<dt>
							<a href=""><img src="img/MingXing/353bb58c59c20a4c558e4584ec4679c23892e134.png" ></a>
							</dt>
						<dd>
							<h4>450升十字对开门</h4>
							<p>一级能效 / 风冷无霜</p>
							<div class="main-center-bottom-d">
								￥2799.00  
								<span> ￥2999.00</span>
							</div>
						</dd>
					</dl>
					<dl>
						<dt>
							<a href=""><img src="img/MingXing/3bbef85f22faebb63b5fed301f6b138e50d35fba.jpg" ></a>
							</dt>
						<dd>
							<h4>75英寸4K远场语音电视</h4>
							<p>超薄全面屏 / 声控物联</p>
							<div class="main-center-bottom-d">
								￥4699.00 
								<span>￥5999.00</span>
							</div>
						</dd>
					</dl>
				</div>
			</div>
<!-- k迷优品 -->
			<div id="superior">
				<!-- k迷优品头部 -->
				<h3>
					<div class="main-center-left">
						<img src="img/main/c83d470d54d6effc118b77b9ee913e19288cb98c.png" >
						<a href=""><span>k迷优品</span></a>
					</div>
					
					<ul>
						<li>
							<a href="">全面屏</a>
							<span>/</span>
							<a href="">超薄</a>
							<span>/</span>
							<a href="">智能</a>
							<span>/</span>
							<a href="">商用</a>
							<span>/</span>
							<a href="">更多</a>
							<span>&gt;&gt;</span>
						</li>
					</ul>
				</h3>
				<!-- k迷优品图片 -->
				<a href=""><img src="img/main/abl.jpg" ></a>
				<!-- k迷优品商品 -->
				<div class="main-center-bottom">
					<dl>
						<dt>
							<a href=""><img src="img/main/6de699592521e6c849aef3a18ded371b2f42e699.jpg" ></a>
							</dt>
						<dd>
							<h4>55英寸免遥控远场语音电视</h4>
							<p>3GB+64GB大内存/全景AI</p>
							<div class="main-center-bottom-d">
								￥2899.00  
								<span>￥3999.00</span>
							</div>
						</dd>
					</dl>
					<dl>
						<dt>
							<a href=""><img src="img/main/d439bdb4b467ac02f348b9d2c833037c3a754623.jpg" ></a>
							</dt>
						<dd>
							<h4>98英寸4K超高清智能电视</h4>
							<p>帝王黑金属机身 / 远场语音</p>
							<div class="main-center-bottom-d">
								￥99999.00  
								<span>￥129999.00</span>
							</div>
						</dd>
					</dl>
					<dl>
						<dt>
							<a href=""><img src="img/MingXing/353bb58c59c20a4c558e4584ec4679c23892e134.png" ></a>
							</dt>
						<dd>
							<h4>450升十字对开门</h4>
							<p>一级能效 / 风冷无霜</p>
							<div class="main-center-bottom-d">
								￥2799.00  
								<span> ￥2999.00</span>
							</div>
						</dd>
					</dl>
					<dl>
						<dt>
							<a href=""><img src="img/MingXing/3bbef85f22faebb63b5fed301f6b138e50d35fba.jpg" ></a>
							</dt>
						<dd>
							<h4>75英寸4K远场语音电视</h4>
							<p>超薄全面屏 / 声控物联</p>
							<div class="main-center-bottom-d">
								￥4699.00 
								<span>￥5999.00</span>
							</div>
						</dd>
					</dl>
				</div>
			</div>	
		</div>
	</div>
<!-- 康佳新闻 -->
	<div id="journalism">
		<h3>
			<img src="img/MingXing/bf574f9eeaa0371ea1f625627f9cc03e72b2a806.png" >
			<a href=""><span>康佳新闻</span></a> 
		</h3>
		<ul>
			<li>
				<a href="">
					<div class="journalism-bottom">
						<img src="img/journalism/ddaab72a5e084ee2c0ec8e12307b6bbc0fa1eec6.jpg" >
						<h4>“宜宾造”康佳信创电脑亮相西博会，助力万亿信创产业蓄势腾飞</h4>
						<p>9月16日，第十八届中国西部国际博览会（以下称“西博会”）在四川成都盛大启幕，中共中央政治局委员、国务院副总理胡春华致辞并宣布开幕，智利总统皮涅拉通过视频致辞。</p>
						<span>查看详情</span>
					</div>
				</a>
			</li>
			<li>
				<a href="">
					<div class="journalism-bottom">
						<img src="img/journalism/ddaab72a5e084ee2c0ec8e12307b6bbc0fa1eec6.jpg" >
						<h4>“宜宾造”康佳信创电脑亮相西博会，助力万亿信创产业蓄势腾飞</h4>
						<p>9月16日，第十八届中国西部国际博览会（以下称“西博会”）在四川成都盛大启幕，中共中央政治局委员、国务院副总理胡春华致辞并宣布开幕，智利总统皮涅拉通过视频致辞。</p>
						<span>查看详情</span>
					</div>
				</a>
			</li>
			<li>
				<a href="">
					<div class="journalism-bottom">
						<img src="img/journalism/ddaab72a5e084ee2c0ec8e12307b6bbc0fa1eec6.jpg" >
						<h4>“宜宾造”康佳信创电脑亮相西博会，助力万亿信创产业蓄势腾飞</h4>
						<p>9月16日，第十八届中国西部国际博览会（以下称“西博会”）在四川成都盛大启幕，中共中央政治局委员、国务院副总理胡春华致辞并宣布开幕，智利总统皮涅拉通过视频致辞。</p>
						<span>查看详情</span>
					</div>
				</a>
			</li>
			<li>
				<a href="">
					<div class="journalism-bottom">
						<img src="img/journalism/ddaab72a5e084ee2c0ec8e12307b6bbc0fa1eec6.jpg" >
						<h4>“宜宾造”康佳信创电脑亮相西博会，助力万亿信创产业蓄势腾飞</h4>
						<p>9月16日，第十八届中国西部国际博览会（以下称“西博会”）在四川成都盛大启幕，中共中央政治局委员、国务院副总理胡春华致辞并宣布开幕，智利总统皮涅拉通过视频致辞。</p>
						<span>查看详情</span>
					</div>
				</a>
			</li>
		</ul>
	</div>
<!-- 左边导航栏 -->
<div id="left-aside">
	<ul>
		<li><a href="#hgroup-bottom">明星产品</a></li>
		<li><a href="#television">电视</a></li>
		<li><a href="#refrigerator">冰箱</a></li>
		<li><a href="#washing">洗衣机</a></li>
		<li><a href="#appliance">生活电器</a></li>
		<li><a href="#kitchen">厨房电器</a></li>
		<li><a href="#hardware">智能周边</a></li>
		<li><a href="#smartHome">智能家居</a></li>
		<li><a href="#superior">k迷优品</a></li>
	</ul>
</div>
<!-- 底部 -->
	<footer></footer>
</body>
</html>
<script src="js/jQuery.js" type="text/javascript" charset="utf-8"></script>
<script src="js/cookieTools.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	//引入头部
	$("header").load("head.html");
	// 右引入侧边栏
	$("aside").load("sidebar.html");
	//引入尾部
	$("footer").load("footer.html");
	//鼠标点击明星图片显示下一列
	$(".dj").click(function(){
		$("#hgroup-bottom-buttom-center").stop().animate({
			left:-1140
		})
	})
	$(".dj1").stop().click(function(){
		$("#hgroup-bottom-buttom-center").animate({
			left:0
		})
	})
	//鼠标划入轮播图左右出啦
	$("#banner").mouseover(function(){
		$("#box1 span").stop().animate({
			left:160
		});
		$("#box2 span").stop().animate({
			right:160
		});
	});
	//鼠标划出轮播图隐藏
	$("#banner").mouseout(function(){
		$("#box1 span").stop().animate({
			left:-20
		});
		$("#box2 span").stop().animate({
			right:-20
		});
	})
	let moving = false;
	let index=1;
	let tp=1920;
	$(function(){
		//当前图片的序号
		let cur = 0;
		//获取图片的数量
		let imglen=$(".box-center li").length;
		//设置定时器的名字
		time = null;
		changeDots();//默认第一个为红色
		timer();//默认定时器开始
		//设置定时器
		function timer(){
			time=setInterval(function(){
				index++;
				changeImg();
				changeDots();
			},5000)
		}
		//鼠标划入暂停
		$("#banner").mouseover(function(){
			clearInterval(time);
		})
		// 鼠标划出滚动
		$("#banner").mouseout(function(){
			timer();
		})
		//点击切换小方点，跳图片
			$(".box-bottom li").click(function(){
				index=$(this).index()+1;
				changeImg();
				changeDots();	
			});
		//切换小方块颜色函数
		function changeDots(){
			for(let i= 1 ;i<$(".box-bottom li").length+1;i++){
				// console.log(i);
				if(index==i){
					$(".box-bottom li").eq(index-1).css({
						backgroundColor:"red"
					});
				}else{
					$(".box-bottom li").eq(i-1).css({
						backgroundColor:"white"
					});
				}	
			}
		}
		//向左点击切换图片
		$("#box1").click(function(){
			index--;
			changeImg();
			changeDots();
		})
		//向右点击切换图片
		$("#box2").click(function(){
			index++;
			changeImg();
			changeDots();
		})
		//切换图片
		function changeImg(){
			let slideWidth  = -1*tp*index;//移动的距离
			$(".box-center").stop().animate({
				left:slideWidth//每次移动一个图片的距离
			});
			//判断是否越界（向右大于章数）
			if(index>=imglen-1){
				$(".box-center").animate({
					left:-1*tp
				},0);
				index = 1;
			}
			//判断是否越左边界
			if(index<1){
				$(".box-center").animate({
					left:-(imglen-2)*tp
				},0);
				index=imglen-2;
			}
		}
		// 左侧导航栏
		window.onscroll=function(){
			// 右侧侧边栏的回到顶部
			if($(window).scrollTop()>800){
				$("#aside ul li").eq(3).css({
					display:'block'
				})
			}else{
				$("#aside ul li").eq(3).css({
					display:'none',
				})
			}
			if($(window).scrollTop()>800){
				$("#left-aside").fadeIn(500)
			}else{
				$("#left-aside").fadeOut(500)
			}
		}
	});
	// 点击图标跳转相应的位置
	$("#aside ul li a").eq(3).click(function(){
		$("body,html").animate({
			scrollTop:0
		},500)
	})
	$("#left-aside ul li").eq(0).click(function(){
		$("body,html").animate({
			scrollTop:831
		},500)
	})
	$("#left-aside ul li").eq(1).click(function(){
		$("body,html").animate({
			scrollTop:$("#television").offset().top
		},500)
	})
	$("#left-aside ul li").eq(2).click(function(){
		$("body,html").animate({
			scrollTop:$("#refrigerator").offset().top
		},500)
	})
	$("#left-aside ul li").eq(3).click(function(){
		$("body,html").animate({
			scrollTop:$("#washing").offset().top
		},500)
	})
	$("#left-aside ul li").eq(4).click(function(){
		$("body,html").animate({
			scrollTop:$("#appliance").offset().top
		},500)
	})
	$("#left-aside ul li").eq(5).click(function(){
		$("body,html").animate({
			scrollTop:$("#kitchen").offset().top
		},500)
	})
	$("#left-aside ul li").eq(6).click(function(){
		$("body,html").animate({
			scrollTop:$("#hardware").offset().top
		},500)
	})
	$("#left-aside ul li").eq(7).click(function(){
		$("body,html").animate({
			scrollTop:$("#smartHome").offset().top
		},500)
	})
	$("#left-aside ul li").eq(8).click(function(){
		$("body,html").animate({
			scrollTop:$("#superior").offset().top
		},500)
	})
	function mx(){
		$.get("./php/getGoodsListNew.php",{typeId:'003',count:8},function(data){
			getData(data);
		})
		function getData(data){
			let datas = JSON.parse(data);
			console.log(datas)
			for(let i= 0 ;i<datas.length;i++){
				let odl = $("<dl></dl>")
				odl.html(
					`
					<dt>
						<a href=""><img src="${datas[i].goodsImg}" ></a>
						</dt>
					<dd>
						<h4>${datas[i].goodsName}</h4>
						<p>${datas[i].goodsDesc}</p>
						<div class="hgroup-bottom-buttom-d">
							￥ ${datas[i].goodsPrice}
							<span>${datas[i].beiyong1}</span>
						</div>
					</dd>
					`
				).prependTo($(".mx"))
			}
		}
	}
	mx();
	function ds(){
		$.get("./php/getGoodsListNew.php",{typeId:'004',count:8},function(date){
			getData(date);
		})
		
		function getData(date){
			let datas = JSON.parse(date);
			console.log(datas)
			for(let i= 0 ;i<datas.length;i++){
				let odl = $("<dl></dl>")
				odl.html(
					`
					<dt>
						<a href=""><img src="${datas[i].goodsImg}" ></a>
						</dt>
					<dd>
						<h4>${datas[i].goodsName}</h4>
						<p>${datas[i].goodsDesc}</p>
						<div class="hgroup-bottom-buttom-d">
							￥ ${datas[i].goodsPrice}
							<span>${datas[i].beiyong1}</span>
						</div>
					</dd>
					`
				).prependTo($("#ds"))
			}
		}
	}
	ds();
</script>